<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

	<head>
		<title>{{ title }}</title>
		<link rel=StyleSheet href="/stylesheets/page.css" type="text/css" media="screen" />
		<link rel="icon" type="image/png" href="/images/brownknot.png" />
	</head>
	<body>
		<img src="/images/logo.png">
		<div id="page">
			<div id="pagemiddle">
				<div id="pagetop">
					<div id="content">
<!------------------- Begin Content -------------------------->
						<div id="title">{{ title }}</div>
						<div id="picture">
							{% if imageExists %}
                				<img src="/images/page{{ pageNum }}.{{ imageExtension }}"/>
            				{% endif %}
						</div>
						<div id="body">{{ body }}</div>
						<div id="optionsprompt">
							What would you like to do?
						</div>
						<ul id="options">
            				{% for option in options.items %}
                				<li>
                   					<a href="/page{{ option.1 }}.html">{{ option.0 }}, turn to page {{ option.1 }}.</a>
           			 			</li>
           					{% endfor %}
           					{% if newOption %}
               					<li>
                   					<form action="/page{{ pageNum }}.html" method="post">
                       					<input type="hidden" name="action" value="newOption"/>
                       					<input type="text" class="textbox" name="optionTitle"/>
                       					<input type="submit" class="button" value="Add New Option"/>
                   					</form>
               					</li>
           					{% endif %}
       					</ul>
<!------------------- End Content -------------------------->
					</div>
				</div>
			</div>
			<div id="pagebottom">
				<div id="pagenum">
					Page {{ pageNum }} 
				</div>
			</div>
		</div>
		<div id="enginelogo">
			<a href="http://code.google.com/appengine/" border="0">
				<img  src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" 
alt="Powered by Google App Engine" />
			</a>
		</div>
	</body>
</html>